Professional Documents
Culture Documents
Getting Started
Get to know iWeb and learn how
to create your own website.
1 Contents
2
1 Welcome to iWeb
1
This document will help you quickly create a website
using iWeb.
If you’ve always wanted your own website but weren’t sure how to create one, iWeb is
an easy and fun way to accomplish that goal.
About iWeb
iWeb is the easiest way to create and publish great-looking websites. You see what
each webpage will look like as you work on it—you don’t have to know anything about
programming or web-authoring languages such as HTML. Use any of the special
templates in iWeb to create a professional-looking website in minutes, and then
publish your website to .Mac with one click of a button.
iWeb makes it easy to update and manage your website. Because iWeb is integrated
with iLife, it is easy to showcase your photos or art, create a blog or podcast, and add
special features like videos, maps, and ads to your website.
3
Before You Begin
To make it easier to complete this tutorial, you might want to print it.
In many tasks shown in the tutorial (and in iWeb Help), you need to choose menu
commands, which look like this:
The first word after Choose is the name of a menu in the iWeb menu bar. The next word
(or words) indicates the item to choose from that menu.
You can stop doing the tutorial at any time by choosing iWeb > Quit iWeb, or by
clicking the red close button at the top-left corner of the iWeb window. The next time
you open iWeb, your website is exactly as you left it.
Make sure you save your work from time to time by choosing File > Save.
Have fun and experiment as much as you like. You can always undo an action by
choosing Edit > Undo as many times as necessary to remove the changes you make.
The Undo command won’t remove anything you save.
Sidebar
Navigation menu
All the websites and
webpages you create All of the pages in
appear here. Click a page the site are listed
to display it in the here. Visitors click
webpage canvas. these links to view
your webpages.
Placeholder text
and graphics
Click the placeholder
Webpage canvas
text and type your
Edit the webpage here. own titles and body
Customize the text, add text. Drag your own
graphics and movies, add graphics files over
links, arrange items placeholder
on the page, and more. graphics.
Sidebar
As you create websites and webpages, they appear in the sidebar. Click the disclosure
triangles to show or hide pages in a site or subpages in a blog. You can rearrange
pages by dragging them in the list. You can even drag a page from one website to
another.
Webpage canvas
The webpage canvas is where you create the content for a webpage. You can drag
graphics files, movie files, and sound files to the canvas to add them to your website.
With iWeb, it’s easy to modify, add, or remove webpages at any time, so you don’t have
to decide every detail before you begin. You may want to create multiple websites so
that you can, for example, have a personal website and a website for your business.
Note: To publish your website using the instructions in this tutorial, you need at least a
free trial .Mac membership and enough available iDisk storage space for your
webpages, including your media (the movies, photos, and so on that you add to your
website). If you don’t have a .Mac account, you can sign up for one (a free 60-day trial
or a paid yearly membership) by opening System Preferences and clicking .Mac (or by
going to www.mac.com).
7
If you’re not sure exactly what you want to put on your website, you can still go
through the tutorial and learn how to use iWeb. Nothing will be visible to the public
until you publish your website. Later, when you’re ready to “go live” with your website,
you can publish it.
Each theme provides a different style, or “look,” for your site. A template is a page
layout designed for a specific purpose, such as a blog, a podcast, or a photo album.
Every template is available for each theme.
Each time you add a new webpage to your site, you choose the page’s theme and
template. If you decide later to change the theme for a page, you just select the page
in the sidebar and click the Theme button in the toolbar to choose a new theme.
To create a website:
1 Do one of the following:
 If iWeb isn’t open, click its icon in the Dock or double-click the iWeb application icon
in your Applications folder.
 If iWeb is already open and you don’t see the template chooser shown in step 2
below, click the Add (+) button at the bottom of the iWeb window (or choose File >
New Page).
2 In the template chooser, click one of the themes on the left.
Select a website
theme here.
Now you have your first webpage. The sidebar shows your site and a Welcome page.
Double-click placeholder
text and type.
You can move text boxes to different locations on the page or make them larger or
smaller to accommodate more or less text.
Experiment with adding your own text and moving and resizing text boxes. You can
always choose Edit > Undo to reverse any actions you don’t want to keep, until you
publish your website.
The easiest way to add graphics, music, and movies to your website is with the
Media Browser. When you click the Media button in the toolbar, you gain instant access
to your iTunes and iPhoto libraries. You don’t need to open these applications to access
their contents.
The placeholder graphic disappears and your photo is now in place. When you click the
photo, selection handles appear so that you can resize it.
You can also drag a photo from the desktop, the iPhoto application, or a folder on your
computer and place it on top of the placeholder graphic.
Experiment with replacing placeholder graphics with your own photos, movies, or
audio files using the Media Browser.
Fixed objects are inserted outside of text boxes. You can drag a fixed object
anywhere on the page and it won’t affect text or be affected by text or other objects.
Floating objects are inserted within text and get pushed along as the text grows.
If you place an object inside a text box, it must be a floating object. You can wrap text
only around floating objects. For more information, see iWeb Help.
Note: You can add photos and movies to any page (not just pages created with the
Photos or My Albums templates) by simply dragging them to the page. However, only
pages created with the Photos or Movies templates can be added to the My Albums
index page.
For this tutorial, you will add a Photos page and a My Albums page to your website and
add your photos and albums to them.
With your photos in place, now you can adjust the layout of the photos on the photo
grid. Just drag the photos to rearrange their order.
If the number of photos in the photo grid exceeds the “Photos per page” setting in the
Photo Grid window, iWeb divides the photo grid into multiple pages for your photos
and adds page numbers and navigation arrows.
Another way to organize your photos is to use the detail view. When you double-click a
photo on a Photos page, the photo is enlarged so you can see it in more detail. Click
the view buttons at the top of the detail window to see thumbnails of the photos in a
photo browser across the top. When you click a thumbnail in the photo browser, the
enlarged photo is shown below. Visitors to your website will also be able to see this
view when they click a photo on your Photos page.
When visitors to your My Albums page move their mouse over albums, they can view a
slideshow within the album frame without leaving the page. When they click the
album, the album opens and they can view the pictures in a larger slideshow.
When you drag photo albums from the Media Browser onto the album grid, iWeb
automatically creates a Photos page for the album and adds it to the My Albums index.
Click an album to see the Media Index window, where you can set the number of
columns, adjust spacing, and make other adjustments to the layout of the page. You
can change the transition effect between photos by choosing an option from the
“Album animation” pop-up menu.
Experiment with adding photos and albums and adjusting the layout of the Photos and
My Albums pages. You can find more information in iWeb Help.
Creating a Blog
A blog is a journal that’s posted on the web for others to read. The word blog is short
for web log. When new entries are published, the previous entries are always available
in an archive. Typically, blogs are organized so that the newest entries appear first.
You can add audio and video to both Blog and Podcast templates.
For this tutorial, you’ll add a blog to your website and learn how to add new entries
to it.
To add a blog:
1 Click the Add (+) button (or choose File > New Page).
2 In the template chooser, select a theme in the list on the left (the tutorial uses
Modern Frame).
3 Select Blog from the thumbnails on the right, and then click Choose.
The first blog entry appears with the current date.
4 Double-click the placeholder text to create your own title and body text, or to change
the date.
When you add a page using one of the blog templates (Blog or Podcast), three icons
appear in the sidebar:
 Blog is the page that your website visitors see. It contains excerpts (the opening text)
from your most recent blog entries. Visitors can click “Read more” to see the whole
entry.
If you make changes to a blog entry, such as changing the font or the background
color, you can duplicate the entry the next time you add an entry and keep the same
formatting.
On blog pages, you can also allow visitors to attach files—which other visitors can
download—to their comments. To prevent automated programs from posting spam
to your site, anyone who posts a comment is first required to type a displayed word.
Make sure to delete material that is objectionable or for which you don’t own the
necessary rights. You can easily remove comments and their attachments anytime,
using iWeb or any web browser. This gives you control over the content of your
website.
For more information about visitor comments and how to manage them, see
iWeb Help.
You can also add links to open a file or a song in the iTunes Store. For more
information, see the hyperlinks topics in iWeb Help.
Links in iWeb are turned off so you can edit them without accidentally clicking them. If
you want to test your links, you can turn them on in the Link Inspector.
Important: This setting doesn’t affect links on your published website; it only turns
links on or off in iWeb so you can edit and test them.
If you don’t publish your site to .Mac, the address on the Me card in Address Book is
used. If you want to use a different email address, open the Site Inspector (click the
Inspector button in the toolbar, then click the Site Inspector button) and type your
email address in the Contact Email box.
Adding a Map
You can easily add a map to your website so that, for example, customers can find your
store or friends can find your party. The map is a graphic from Google Maps.
To add a map:
1 Choose Insert > Google Map (or click Web Widgets in the toolbar and choose
Google Map).
2 In the Google Map window that appears, type the address and click Apply.
3 Double-click the map and then use the zoom controls on the map to refine the amount
of detail it shows.
4 In the Google Map window, select the checkboxes to set whether visitors to your
website will see the zoom controls and the address bubble.
5 Drag the map selection handles to resize the map.
6 Drag the map to where you want it to appear on your page.
To restore the original map view for this address, click Apply again.
For information about adding other web widgets, videos, and Google AdSense ads to
your webpages, see iWeb Help.
When you add a new page to a site, iWeb automatically adds a link for it to the
navigation menu. You determine the order of items in the navigation menu by
rearranging pages in the sidebar. The navigation menu is automatically updated to
reflect the new organization.
Drag pages in
the sidebar to
reorder them.
The first page in the sidebar is the website’s homepage and the first page that visitors
see when they visit your website. To make a different page the homepage, simply drag
it to the top of the list, just below the site name.
You can create more than one website in iWeb and they all appear in the sidebar. The
first site in the sidebar is also referred to as the start site.
Note: You can prevent a page from appearing in the navigation menu using the Page
Inspector. For more information, see “Modifying the navigation menu (table of
contents)” in iWeb Help.
If you already published a website to .Mac, deleting the site or one of its pages in
iWeb doesn't delete it from the web. Your website on .Mac is updated the next time
you publish another site using iWeb.
A website must contain at least one page, so if you try to delete the only page in a
site, the template chooser appears. When you delete a published website and don’t
republish a site with the same site name, anyone who tries to visit the site by typing
in the URL or using a bookmark sees a message that the site couldn't be found.
http://web.mac.com/YourMemberName/SiteName
The page name appears at the top of the visitor’s browser window:
You might want to rename your site or any of your pages to reflect their content.
Important: If you publish a site and later rename it, previously created links to your site
(such as bookmarks created by your visitors) won't work. Be sure to notify your visitors
if you rename your site, especially your blog or podcast subscribers.
First, make sure you have at least a free trial .Mac membership. You (and others) can
access your iWeb website until the trial period expires; as soon as you become a .Mac
member, you can publish your site again. To get a free or full .Mac membership, visit
www.mac.com.
When you see the message that your site has been published, you can click Visit Site
Now to go to the site in your web browser. To send an email notifying people about
your website, click Announce.
If you purchased your own domain name (for example, www.example.com) from a
service provider, you can use that URL for websites you create with iWeb.
Anyone who has access to the Internet can visit your site. People who know the URL
can go directly to your website, or your website might appear as a search result. If you
don’t want your website to be visible to everyone on the Internet, you can set up your
website so that only people who know the user name and password can visit it.
Websites you create in iWeb and publish to .Mac are available at:
http://web.mac.com/YourMemberName
You may want to set up links on your HomePage sites to go to your iWeb sites, and
vice versa. For instructions, see “Adding Links to Other Pages” on page 17 or see the
hyperlinks topics in iWeb Help.
When you click Publish (for .Mac websites), all the sites and pages you changed since
the last time you published are published again. In other words, you can't publish only
selected sites or pages; each time you click Publish or choose one of the Publish
commands in the File menu, your published sites will match the sites and pages in
iWeb.